page{
	background-color: #eff5f7;
}
.genepair{
	position: relative;
	width: 750rpx;
	height: 1624rpx;
}
.pairbg{
	.pairbgimg{
		position: absolute;
		width: 750rpx;
		height: 1624rpx;
	}
}
.genepair_body{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 750rpx;
	height: 1624rpx;
	
}

.prompt{
	padding: 20rpx 40rpx;
	text-align: center;
	.prompt_icon{
		width: 40rpx;
		height: 40rpx;
		border-radius: 50%;
		background-color: #F63351 ;
		color: #FFFFFF;
		font-size: 24rpx;
	}
	.prompt_text{
		margin-left: 5rpx;
		color: #F63351;
		font-size: 28rpx;
	}
}

.genepair_tistext{
	padding: 40rpx;
	width: 670rpx;
	border: 2rpx solid #f2621d;
	border-radius: 10rpx;
	box-sizing: border-box;
	background-color: #FFFFFF;
	margin: 0 auto;
	.genepair_title{
		color: #333;
		font-size: 36rpx;
	}
	.genepair_content{
		margin-top: 30rpx;
		color: #676767;
		font-size: 26rpx;
	}
}

.genepair_tabs{
	padding: 40rpx;
	padding-bottom: 20rpx;
	.tabs_item{
		width: 33.3%;
		// margin-right: 62rpx;
		text-align: center;
		.tabs_itemtext{
			text-align: center;
			color: #333;
			font-size: 36rpx;
			font-weight: bold;
			
		}
		.pulseicon{
			width: 76rpx;
			height: 42rpx;
			margin: 0 auto;
		}
	}
	.tabs_item.actices .tabs_itemtext{
		color: #F63351;
	}
}

.tabbarinfo{
	padding: 30rpx;
	margin: 0 auto;
	width: 620rpx;
	border-radius: 20rpx;
	border: 1rpx solid #FFF;
	background: rgba(255, 255, 255, 0.60);
}
.tastextborder{
	width: 546rpx;
	height: 50rpx;
	box-sizing: border-box;
	padding: 0 20rpx;
	border-radius: 15rpx;
	background: linear-gradient(0deg, #FAB6D9 0%, rgba(250, 182, 217, 0.00) 143.75%);
	box-shadow: 0rpx 2rpx 3rpx 0rpx #D58ABA inset;
	.tastext{
		color: #FFF;
		font-size: 24rpx;
	}
	.tastext2{
		margin-left: 10rpx;
		color: #EC203F;
		font-size: 20rpx;
	}
	.closeicons{
		margin-left: auto;
		width: 30rpx;
		height: 30rpx;
	}
}
.pair_listscrool{
	height: 1000rpx;
}
.pair_list{
	padding: 40rpx 40rpx;
	.pair_item{
		margin-bottom: 36rpx;
		.pair_item_l{
			
		}
		.pair_item_r{
			text-align: right;
			.computebtn{
				border-radius: 40rpx;
				display: inline-block;
				padding: 8rpx 30rpx;
				border: 3rpx solid #EC203F;
				color: #EC203F;
			}
			.livelys{
				margin-top: 8rpx;
				color: #909090;
				font-size: 26rpx;
			}
		}
		.pari_user_tx{
			width: 80rpx;
			height: 80rpx;
			border-radius: 50%;
		}
		.uuinfodata{
			margin-left: 28rpx;
			.uunames{
				color: #333;
				font-size: 28rpx;
				font-weight: bold;
			}
			.uutaginfo{
				display: inline-block;
				padding: 4rpx 10rpx;
				border-radius: 16rpx 0px;
				background-color: #F63351;
				margin-top: 12rpx;
				.gaes{
					color: #FFFFFF;
					font-size: 24rpx;
				}
				.ageicon{
					margin-right: 5rpx;
					width: 30rpx;
					height: 30rpx;
				}
			}
			.uutaginfo1{
				background-color: #446BF4;
				.ageicon{
					width: 25rpx;
					height: 25rpx;
				}
				
			}
		}
	}
}


.calculator{
	
}
.calculator_border{
	width: 620rpx;
	height: 179px;
	box-sizing: border-box;
	padding: 0 20rpx;
	margin: 0 auto;
	border-radius: 15rpx;
	background: rgba(255, 255, 255, 0.60);
	border: 1px solid #FFF;
	.select_user{
		
	}
	.select_user_tx{
		width: 176rpx;
		height: 176rpx;
		border: 1px solid #F63351;
		border-radius: 50%;
		.uu_tx{
			border-radius: 50%;
			width: 160rpx;
			height: 160rpx;
		}
		.addbtns{
			border-radius: 50%;
			width: 160rpx;
			height: 160rpx;
			background-color: #FFFFFF;
			.addbtnsimg{
				width: 76rpx;
				height: 76rpx;
			}
		}
	}
	.identity{
		margin-top: 24rpx;
		color: #333;
		font-size: 32rpx;
		text-align: center;
	}
	.select_center{
		margin: 0 12rpx;
		.pulseicon{
			width: 150rpx;
			height: 80rpx;
		}
		
	}
}
.start_calcu{
	margin: 40rpx auto;
	width: 620rpx;
	height: 110rpx;
	line-height: 110rpx;
	border-radius: 50rpx;
	background-color: #F63351;
	color: #FFF;
	font-size: 32rpx;
	font-weight: bold;
	text-align: center;
}

.pairlogs{
	padding: 30rpx;
	margin: 0 auto;
	width: 620rpx;
	min-height: 920rpx;
	border-radius: 20rpx;
	border: 1rpx solid #FFF;
	background: rgba(255, 255, 255, 0.60);
}
.pairlogs_screen{
	
	.screentags{
		display: inline-block;
		background: rgba(246, 51, 81, 0.50);
		padding: 8rpx 15rpx;
		border-radius: 16rpx;
		margin-right: 30rpx;
		.tts{
			color: #FFF;
			font-size: 24rpx;
		}
		.sortdown{
			margin-left: 10rpx;
			width: 20rpx;
			height: 20rpx;
		}
	}
}


.pairlogs_data{
	
}
.nopairlog{
	text-align: center;
	margin-top: 150rpx;
	.nopairlogimg{
		margin: 0 auto;
		margin-left: 60rpx;
		width: 310rpx;
		height: 270rpx;
	}
	.nopairlogtext{
		margin-top: 20rpx;
		color: rgba(51, 51, 51, 0.50);
		font-size: 36rpx;
		text-align: center;
	}
}